<!DOCTYPE html>
<html>
    <head>
        <title>播放器</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="/css/music/top.css">
        <link rel="stylesheet" href="/css/music/bottom.css">
        <link rel="stylesheet" href="/css/music/player.css">
    </head>

    <body>
        <!-- 头部start -->
        <div class="mainDiv">
            <div class="md1">
                <span class="logSpan">LOVE&nbsp;MUSIC</span>
            </div>
            <div class="md2" id="findMusic">
                <span class="logSpan1" id="find">发现音乐</span>
            </div>
            <div class="md3" id="myMusic">
                    <span class="logSpan1">
                        <a href="myMusic.html">我的音乐</a>
                    </span>
            </div>
            <div class="md4">
                    <span class="res">
                        <a href="login.html">登陆</a>
                        <a href="register.html">注册</a>
                    </span>
            </div>
        </div>
        <!-- 头部end -->

        <!-- 菜单start -->
        <div class="menu">
            <div id="hot">
                <span class="menuSpan"><a href="/index.html">热门歌手</a></span>
            </div>
            <div id="top">
                <span class="menuSpan"><a href="/sites/sort.html">排行榜</a></span>
            </div>
            <div id="special">
                <span class="menuSpan"><a href="/sites/special.html">专辑</a></span>
            </div>
            <div id="mv">
                <span class="menuSpan"><a href="/sites/mv.html">MV</a></span>
            </div>
        </div>
        <!-- 菜单end -->

        <div class="clear_both"></div>
        <div id="player_main" class="player_main">
            <div id="video_mv_pic" class="video_mv_pic">
                <div id="video">
                    <video id="video_mv" src="" muted loop controls></video>
                </div>
                <div class="song_info">
                    <div class="song_dian_name">
                        <div class="song_dian">
                            <img src="../image/img/my-dian.jpg" width="50" height="50"/>
                        </div>
                        <div class="song_name" >
                            <span>歌曲:</span><span id="song_name_span"></span>
                        </div>
                    </div>
                    <img id="song_pic_img" src="" width="100%" height="345"/>
                </div>
            </div>

            <div id="player_esmain" class="player_esmain">
                <div id="player_estimate" class="player_estimate">

                    <!--<div class="r_r">
                        <div class="master">评论歌曲：${song.song_name}</div>-->
                        <!--左边的头像-->
                    <!--<div class="r_r1">
                         <div class="r_r11"><img src="../image/user/1.gif"/></div>
                         <div class="r_r12">${estimate.user.username}</div>
                    </div>-->
                    <!--<div class="r_r2">
                        <div class="r_r21">&nbsp;&nbsp; 评论内容：</div>-->
                            <!--正文的显示内容  -->
                    <!-- <div class="r_r22">${estimate.estimateInfo}</div>
                 </div>
             </div>-->
                </div>
                <!-- 回复的部分 -->
                <div class="player_estimate_reply" id="player_estimate_reply">
                    <table border="0" cellpadding="1" cellspacing="0">
                        <tr>
                            <td class="r_sub1">
                                <img id="estimate_user_pic" src=""/><br/>&nbsp;&nbsp;<span id="estimate_user_name"></span>
                            </td>
                            <td class="r_sub2">
                                <textarea id="textarea" name="textarea"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td class="r_sub3" colspan="2" height="21" align="center">
                                <input id="submit" type="submit" value="评论">
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- 回复的部分结束 -->
            </div>
        </div>

        <div class="clear_both"></div>
        <!-- 脚部 start-->
        <div class="footer">
            <div class="bottomDiv">
                <div class="btSpan1">爱音乐网站</div>
                <div class="btSpan1">爱音乐</div>
                <div class="btSpan1">网站</div>
                <div class="btSpan1">LOVEMUSIC</div>
            </div>
            <div class="copyright">
                <div class="crSpan1">&copy; 2018-2020 maxmlr.com</div>
                <div class="crSpan1"><a href="http://www.beian.miit.gov.cn">粤ICP备18153814号-1</a></div>
            </div>
        </div>
        <!-- 脚部end -->
    </body>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/plugins/layer/layer.js"></script>
    <script src="/js/music/base.js"></script>
    <script src="/js/music/player.js"></script>
</html>
